<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个问题</title>
    <style>
        .analog {
            width: 200px;
            height: 50px;
            background-color: red;
            color: #fff;
            border-radius: 10px;
            font-size: 16px;
            border: none;
            background-image: url(./太维.png);
            background-size: 50% 100%;
        }
    </style>
</head>

<body>
    <div id="anone"></div>
</body>

</html>
<script>
    var anone=document.getElementById('anone') 
    var contentDiv=document.createElement('button') 
    // contentDiv.textcontent="太维测试"
    contentDiv.className="analog" //添加样式
    contentDiv.innerText ="太维测试" //添加样式
    //变量位置
    contentDiv.style.position="absolute" //添加样式
    contentDiv.style.width="200"+'px'  //添加样式
    contentDiv.style.height="50"+'px'  //添加样式
    contentDiv.style.top="100"+'px'  //添加样式
    contentDiv.style.left="100"+'px' //添加样式

     //插入
     anone.appendChild(contentDiv)
    //跳转
    contentDiv.addEventListener('click', function() {
      // 在点击按钮时执行的切换到指定页的逻辑
      location.href="第二个问题.html"
    });

</script>